// 导入store
import store from '@/store'
export default {
  install: function(Vue) {
    // 自定义指令
    // 1.定义指令
    Vue.directive('allow', {
      inserted(el, binding) {
        // console.log(binding.value)
        // 取出vuex中的state
        const points = store.state.user.userInfo.roles.points
        // 如果points中包含了binding.value,就看见
        if (points && points.includes(binding.value)) {
          console.log(points)
        } else {
          // 不看见,移除这个元素
          el.remove() // 自己移除自己
          // 让父元素删除自己
        //   el.parentNode.removeChild(el)
        }
      }
    })
    // 2.使用指令
    // Vue.directive('allow', {
    //   inserted(el, binding) {
    //     console.log(binding.value)
    //     // 取出vuex中的state
    //     const points = store.state.user.userInfo.roles.points
    //     // 如果points中包含了binding.value,则可见
    //     if (points && points.includes(binding.value)) {
    //       console.log(points)
    //     } else { // 不可见，移除这个元素
    //       el.parentNode.removeChild(el)
    //     }
    //   }
    // })
  }
}
